<!DOCTYPE html>
<html ng-app>
<head lang="en">
    <meta charset="UTF-8">
    <title>sample</title>
    <script type="text/javascript" src="../../lib/jquery/1.11.0/jquery.min.js"></script>
    <script type="text/javascript" src="../../lib/angularjs/1.3.0-beta.5/angular.js"></script>
</head>
<body>
<div ng-controller="SortController">
    {{ data | filter : 'b' }} <br />
    {{ data | filter : 'B' }} <br />
    {{ data | filter : '!B' }} <br />

    {{ data | filter : {name : 'A'} }} <br />
    {{ data | filter : {$ : '3'} }} <br />
    {{ data | filter : {$ : '!3'} }} <br />

    {{ data | filter : f }} <br />
</div>
<script type="text/javascript">
    var SortController = ["$scope", function ($scope) {
        $scope.data = [
            {name : 'C', age : 4},
            {name : 'B', age : 1},
            {name : 'A', age : 3},
            {name : 'D', age : 3},
        ];

        $scope.f = function(e) {
            return e.age > 2;
        };
    }];
</script>
</body>
</html>